<!DOCTYPE html>
<html>

	<head>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<meta name="format-detection" content="telephone=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
		<title>已邀请好友列表</title>
		<link rel="stylesheet" type="text/css" href="../../css/reset.css" />
		<link rel="stylesheet" type="text/css" href="../../css/iconfont.css" />
		<link rel="stylesheet" type="text/css" href="../../css/common.css" />
		<link rel="stylesheet" type="text/css" href="../../css/main.css" />
	</head>

	<body class="bg-gray">
		<!--顶部-->
		<header>
			<a href="javascript:history.go(-1)" class="iconfont icon-zuojiantou1"></a>			
		</header>
		<!--顶部-->
		<!--内容-->
		<div class="container pt2">
			<div class="row addrType">
				<a href="#" class="current">本月付费</a>
				<a href="#">本月新增付费</a>
				<a href="#">已认证用户</a>
				<a href="#">未注册用户</a>
			</div>
			<div class="row timebox">
				<div class="column">
					<span>2018-05</span>
					<p>
						<label>付费人数：13人</label>
						<label>付费总金额：387.40</label>
					</p>
					<p>
						<label>提成比例：30%</label>
						<label>提成总计：<em>77.48元</em></label>
					</p>
				</div>
				<i class="iconfont icon-calendar" onclick="showTime(this)"></i>
				<span class="arrow"></span>
				<ul>
					<li>
						<a href="#">全部</a>
					</li>
					<li>
						<a href="#">2018年5月</a>
					</li>
					<li>
						<a href="#">2018年5月</a>
					</li>
					<li>
						<a href="#">2018年5月</a>
					</li>
					<li>
						<a href="#">2018年5月</a>
					</li>
					<li>
						<a href="#">2018年5月</a>
					</li>
				</ul>
			</div>
			<div class="row personalList">
				<div class="row">
					<img src="../../img/gugu.jpg"/>
					<div class="column">
						<p>陈锋 <em>[VIP用户]</em></p>
						<span>手机号码邀请</span>
						<label>2018.4.20 09:00</label>
					</div>
				</div>
				<b>29.80</b>
				<a href="tel:0898" class="iconfont icon-dianhua"></a>
			</div>
			<div class="row personalList">
				<div class="row">
					<img src="../../img/gugu.jpg"/>
					<div class="column">
						<p>陈锋 <em>[邀请过期]</em></p>
						<span>免认证二维码邀请</span>
						<label>2018.4.20 09:00</label>
					</div>
				</div>
				<a href="#" class="again">再次邀请</a>
				<a href="tel:0898" class="iconfont icon-dianhua"></a>
			</div>
			<div class="row personalList">
				<div class="row">
					<img src="../../img/gugu.jpg"/>
					<div class="column">
						<p>陈锋 <em>[邀请过期]</em></p>
						<span>免认证二维码邀请</span>
					</div>
				</div>
				<em class="already">已被邀请</em>
				<a href="tel:0898" class="iconfont icon-dianhua"></a>
			</div>
			<div class="row personalList">
				<div class="row">
					<img src="../../img/gugu.jpg"/>
					<div class="column">
						<p>陈锋 <em>[认证未通过]</em></p>
						<span>个人二维码邀请</span>
						<label>2018.4.20 09:00</label>
					</div>
				</div>
				<a href="tel:0898" class="iconfont icon-dianhua"></a>
			</div>
		</div>
		<!--内容-->
		<script src="../../js/jquery.min.js"></script>
		<script src="../../js/wap.js"></script>
		<script type="text/javascript">
			$('.addrType a').click(function(){
				$('.addrType a').removeClass('current');
				$(this).addClass('current');
			});
			//选择时间
			function showTime(e){
				if($(e).hasClass('active')){
					$(e).removeClass('active');
					$('span.arrow').slideUp();
					$('.timebox ul').slideUp();
				} else {
					$(e).addClass('active');
					$('span.arrow').slideDown();
					$('.timebox ul').slideDown();
				}
			}
		</script>
	</body>

</html>